<template>
  <div class="header-container" :style="{ color:color,backgroundColor:bgcolor,fontSize:fsize+'px' }" >
    {{ title }}
  </div>
</template>

<script>
export default {
    name:'EsHeader',
    props:{
        title:{  // 标题内容
            type:String,
            default:'es-header'
        },
        bgcolor:{  // 背景色
            type:String,
            default:'#007BFF'
        },
        color:{  // 文字颜色
            type:String,
            default:'#fff'
        },
        fsize:{  // 文字大小
            type:Number,
            default:12
        }
    }
}
</script>

<style scoped lang="less" >
    .header-container{
        position:fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        text-align:center;
        height: 45px;
        line-height: 45px;
    }
</style>





